<!DOCTYPE html
   PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no,mail=yes">
   <title>Index</title>

   <script src="./js/jquery-1.8.3.min.js"></script>
   <script src="./js/swiper.min.js"></script>
   <link rel="stylesheet" href="./layui/css/layui.css">
   <link rel="stylesheet" href="./css/iconfont.css">
   <link rel="stylesheet" href="./css/animate.css">
   <link rel="stylesheet" href="./css/swiper.min.css">
   <link rel="stylesheet" href="./css/common.css">
   <link rel="stylesheet" href="./css/index.css">
   <script src="./js/wow.min.js"></script>
   <script type="text/javascript" src="./js/clipboard.min.js"></script>
   <script type="text/javascript" src="./layui/layui.js"></script>
   <link rel="stylesheet" href="./css/swiper-bundle.min.css" />

</head>

<body>
   <header data-load="header"></header>

   <main class="index " data-url="index">
      <!-- <div class="layui-carousel carousel1 ft-bold" id="test1" lay-filter="test1">
         <div carousel-item="">
            <div class="layui-this">
               <div class="w100 item ">
                  <video id="homeVideo" class="w100" autoplay loop muted>
                     <source src="images/video.mp4">
                  </video>
               </div>
            </div>
            <div>
               <div class="img_box w100 item">
                  <img src="images/banner.png">
               </div>
            </div>
            <div>
               <div class="img_box w100 item">
                  <img src="images/banner.png">
               </div>
            </div>
        

         </div>
      </div> -->
      <div class="img_100">
         <img src="images/i1.jpg">
      </div>
      <section>
         <div class="layui-main">
            <div class="title_p mb50">
               <p class="cn">熱門推薦</p>
               <p class="en">recommendation</p>
            </div>
            <ul class="layui-row layui-col-space30 ul_height i_ul1">
               <li class="layui-col-md4 layui-col-xs6">
                  <a href="details.html" class="item dh_imgitem">
                     <div class="img_box" style="height: 2.4rem;">
                        <img src="images/i2.jpg">
                     </div>
                     <div class="b1">
                        <p class="ft18 layui-elip mb14">野牛尋跡 - 波本威士忌月 酒精路跑 拷贝 2</p>
                        <p class="line-clamp2 ft14 gary_c6 mb30">野牛尋跡 - 波本威士忌月 酒精路跑,波本威士忌月 酒精路跑波本威 波本威士忌月 酒精路跑士忌月
                           酒精路跑... 拷贝
                           2</p>
                        <p class="ft14 gary_c9">2023.09.15 (五) 18:00 - 10.15 (日) 23:55 拷贝 3</p>
                     </div>
                  </a>
               </li>
               <li class="layui-col-md4 layui-col-xs6">
                  <a href="details.html" class="item dh_imgitem">
                     <div class="img_box" style="height: 2.4rem;">
                        <img src="images/i2.jpg">
                     </div>
                     <div class="b1">
                        <p class="ft18 layui-elip mb14">野牛尋跡 - 波本威士忌月 酒精路跑 拷贝 2</p>
                        <p class="line-clamp2 ft14 gary_c6 mb30">野牛尋跡 - 波本威士忌月 酒精路跑,波本威士忌月 酒精路跑波本威 波本威士忌月 酒精路跑士忌月
                           酒精路跑... 拷贝
                           2</p>
                        <p class="ft14 gary_c9">2023.09.15 (五) 18:00 - 10.15 (日) 23:55 拷贝 3</p>
                     </div>
                  </a>
               </li>
               <li class="layui-col-md4 layui-col-xs6">
                  <a href="details.html" class="item dh_imgitem">
                     <div class="img_box" style="height: 2.4rem;">
                        <img src="images/i2.jpg">
                     </div>
                     <div class="b1">
                        <p class="ft18 layui-elip mb14">野牛尋跡 - 波本威士忌月 酒精路跑 拷贝 2</p>
                        <p class="line-clamp2 ft14 gary_c6 mb30">野牛尋跡 - 波本威士忌月 酒精路跑,波本威士忌月 酒精路跑波本威 波本威士忌月 酒精路跑士忌月
                           酒精路跑... 拷贝
                           2</p>
                        <p class="ft14 gary_c9">2023.09.15 (五) 18:00 - 10.15 (日) 23:55 拷贝 3</p>
                     </div>
                  </a>
               </li>
               <li class="layui-col-md4 layui-col-xs6">
                  <a href="details.html" class="item dh_imgitem">
                     <div class="img_box" style="height: 2.4rem;">
                        <img src="images/i2.jpg">
                     </div>
                     <div class="b1">
                        <p class="ft18 layui-elip mb14">野牛尋跡 - 波本威士忌月 酒精路跑 拷贝 2</p>
                        <p class="line-clamp2 ft14 gary_c6 mb30">野牛尋跡 - 波本威士忌月 酒精路跑,波本威士忌月 酒精路跑波本威 波本威士忌月 酒精路跑士忌月
                           酒精路跑... 拷贝
                           2</p>
                        <p class="ft14 gary_c9">2023.09.15 (五) 18:00 - 10.15 (日) 23:55 拷贝 3</p>
                     </div>
                  </a>
               </li>
               <li class="layui-col-md4 layui-col-xs6">
                  <a href="details.html" class="item dh_imgitem">
                     <div class="img_box" style="height: 2.4rem;">
                        <img src="images/i2.jpg">
                     </div>
                     <div class="b1">
                        <p class="ft18 layui-elip mb14">野牛尋跡 - 波本威士忌月 酒精路跑 拷贝 2</p>
                        <p class="line-clamp2 ft14 gary_c6 mb30">野牛尋跡 - 波本威士忌月 酒精路跑,波本威士忌月 酒精路跑波本威 波本威士忌月 酒精路跑士忌月
                           酒精路跑... 拷贝
                           2</p>
                        <p class="ft14 gary_c9">2023.09.15 (五) 18:00 - 10.15 (日) 23:55 拷贝 3</p>
                     </div>
                  </a>
               </li>
               <li class="layui-col-md4 layui-col-xs6">
                  <a href="details.html" class="item dh_imgitem">
                     <div class="img_box" style="height: 2.4rem;">
                        <img src="images/i2.jpg">
                     </div>
                     <div class="b1">
                        <p class="ft18 layui-elip mb14">野牛尋跡 - 波本威士忌月 酒精路跑 拷贝 2</p>
                        <p class="line-clamp2 ft14 gary_c6 mb30">野牛尋跡 - 波本威士忌月 酒精路跑,波本威士忌月 酒精路跑波本威 波本威士忌月 酒精路跑士忌月
                           酒精路跑... 拷贝
                           2</p>
                        <p class="ft14 gary_c9">2023.09.15 (五) 18:00 - 10.15 (日) 23:55 拷贝 3</p>
                     </div>
                  </a>
               </li>
               <li class="layui-col-md4 layui-col-xs6">
                  <a href="details.html" class="item dh_imgitem">
                     <div class="img_box" style="height: 2.4rem;">
                        <img src="images/i2.jpg">
                     </div>
                     <div class="b1">
                        <p class="ft18 layui-elip mb14">野牛尋跡 - 波本威士忌月 酒精路跑 拷贝 2</p>
                        <p class="line-clamp2 ft14 gary_c6 mb30">野牛尋跡 - 波本威士忌月 酒精路跑,波本威士忌月 酒精路跑波本威 波本威士忌月 酒精路跑士忌月
                           酒精路跑... 拷贝
                           2</p>
                        <p class="ft14 gary_c9">2023.09.15 (五) 18:00 - 10.15 (日) 23:55 拷贝 3</p>
                     </div>
                  </a>
               </li>
               <li class="layui-col-md4 layui-col-xs6">
                  <a href="details.html" class="item dh_imgitem">
                     <div class="img_box" style="height: 2.4rem;">
                        <img src="images/i2.jpg">
                     </div>
                     <div class="b1">
                        <p class="ft18 layui-elip mb14">野牛尋跡 - 波本威士忌月 酒精路跑 拷贝 2</p>
                        <p class="line-clamp2 ft14 gary_c6 mb30">野牛尋跡 - 波本威士忌月 酒精路跑,波本威士忌月 酒精路跑波本威 波本威士忌月 酒精路跑士忌月
                           酒精路跑... 拷贝
                           2</p>
                        <p class="ft14 gary_c9">2023.09.15 (五) 18:00 - 10.15 (日) 23:55 拷贝 3</p>
                     </div>
                  </a>
               </li>
            </ul>

            <div id="demo-laypage-layout-1" class="mt50 text-align-center "></div>
         </div>
      </section>

   </main>

   <foote data-load="footer">
      </footer>

</body>
<script src="./js/index.js"></script>
<script>
   layui.use(function () {
      var laypage = layui.laypage;
      // 自定义排版
      laypage.render({
         elem: 'demo-laypage-layout-1',
         count: 1000,
         theme: '#F97A28',
         layout: ['count', 'limit', 'prev', 'page', 'next']
      });
   })
</script>


</html>